<template>
  <div>
    <h1>我是根组件</h1>
    <Product v-for="item in list" :key="item.id" :proname="item.proname" :proprice="item.proprice" :info="item.info"></Product>
  </div>
</template>

<script>
import Product from './Product'
export default {
  data () {
    return {
      list: [
        { id: 1, proname: '超级好吃的棒棒糖', proprice: 18.8, info: '开业大酬宾1' },
        { id: 2, proname: '超级好吃的大鸡腿', proprice: 34.2, info: '开业大酬宾2' },
        { id: 3, proname: '超级无敌的冰激凌', proprice: 14.2, info: '开业大酬宾3' }
      ]
    }
  },
  components: {
    Product
  }
}
</script>

<style>

</style>